<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery响应式侧边栏下拉多级菜单DEMO演示</title>
<!--侧栏-->
<link rel="stylesheet" type="text/css" href="css/left-side-menu.css">
<link rel="stylesheet" type="text/css" href="font/iconfont.css">

<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="js/left-side-menu.js"></script>

<style type="text/css">
	body{
		width: 400px;
		height: 100%;
	}
</style>
</head>
<body>

<!--侧栏-->
<div class="left-side-menu" >
    <div class="lsm-expand-btn">
        <div class="lsm-mini-btn">
            <label>
                <input type="checkbox" checked="checked">
                <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                    <circle cx="50" cy="50" r="30" />
                    <path class="line--1" d="M0 40h62c18 0 18-20-17 5L31 55" />
                    <path class="line--2" d="M0 50h80" />
                    <path class="line--3" d="M0 60h62c18 0 18 20-17-5L31 45" />
                </svg>
            </label>

        </div>
<!--        <input type="text">-->

    </div>
    <div class="lsm-container">
        <div class="lsm-scroll" >
            <div class="lsm-sidebar">
                <ul>
               
                    <li class="lsm-sidebar-item">
                        <a href="javascript:;"><i class="my-icon lsm-sidebar-icon icon_3"></i><span>部门管理</span><i class="my-icon lsm-sidebar-more"></i></a>
                        <ul>
                            <li><a href="javascript:;"><span>添加部门</span></a></li>
                            <li><a href="javascript:;"><span>查询部门</span></a></li>
                            <li><a href="javascript:;"><span>修改部门</span></a></li>
                            <li><a href="javascript:;"><span>删除部门</span></a></li>
                        </ul>
                    </li>
             
                    <li class="lsm-sidebar-item">
                        <a href="javascript:;"><i class="my-icon lsm-sidebar-icon  icon-users"></i><span>员工管理</span><i class="my-icon lsm-sidebar-more"></i></a>
                        <ul>
                            <li><a href="add.html" target="rightifrname"><span>添加员工</span></a></li>
                            <li><a href="select.html" target="rightifrname"><span>查询员工</span></a></li>
                            <li><a href="undate.html" target="rightifrname"><span>修改员工</span></a></li>
                            <li><a href="drop.html" target="rightifrname"><span>删除员工</span></a></li>

                        </ul>
                    </li>
                    <li class="lsm-sidebar-item">
                        <a href="javascript:;"><i class="my-icon lsm-sidebar-icon icon_3"></i><span>订单管理</span><i class="my-icon lsm-sidebar-more"></i></a>
                        <ul>
                            <li><a href="javascript:;"><span>新建订单</span></a></li>
                            <li><a href="javascript:;"><span>查询订单</span></a></li>
                            <li><a href="javascript:;"><span>修改订单</span></a></li>
                            <li><a href="javascript:;"><span>删除订单</span></a></li>
                        </ul>
                    </li>

                  <li class="lsm-sidebar-item">
                        <a href="javascript:;"><i class="my-icon lsm-sidebar-icon icon_2"></i><span>网络设置</span><i class="my-icon lsm-sidebar-more"></i></a>
                        <ul>
                            <li><a href="javascript:;"><span>安全设置</span></a></li>
                            <li><a href="javascript:;"><span>属性设置</span></a></li>

                        </ul>
                    </li>
                    <li class="lsm-sidebar-item">
                        
                        <a href="javascript:;"><i class="my-icon lsm-sidebar-icon icon_1"></i><span>系统设置</span><i class="my-icon lsm-sidebar-more"></i></a>
                        <ul>
                            <li><a href="javascript:;"><span>系统参数</span></a></li>

                            <li><a href="javascript:;"><span>关于我们</span></a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>

</div>

<div style="text-align:center;clear:both;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>

</body>
</html>